/* pages/recruitDynamics/index/index.wxss */
.dynamics_container {
  width: 100%;
  height: fit-content;
  background: #f5f5f5;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  #navigationBar {
    .left {
      display: flex;
      align-items: center;
      justify-content: space-between;
      .search {
        width: 56rpx;
        height: 56rpx;
      }
      .divider {
        width: 2rpx;
        height: 38rpx;
        background: #ffffff;
        opacity: 0.2;
        margin: 0 10rpx;
      }
    }
  }
  .bg_img {
    width: 100%;
    // height: 688rpx;
    position: absolute;
    top: 0;
    left: 0;
  }
  .background {
    width: 100%;
    height: 408rpx;
    background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 83%);
    position: absolute;
    left: 0;
  }
  .swiper_box {
    width: 686rpx;
    height: 306rpx;
    box-shadow: 0px 4rpx 14rpx 0px rgba(142, 142, 147, 0.15);
    position: relative;
    margin-top: 16rpx;
    .swiper--m_swiper {
      height: 306rpx;
      .swiper--swiper_item {
        height: 100% !important;
        .swiper--swiper_image {
          border-radius: 16rpx;
        }
      }
    }
    .wx-swiper-dot {
      width: 16rpx;
      height: 16rpx;
    }
    .wx-swiper-dot-active {
      width: 48rpx;
      height: 16rpx;
      border-radius: 10rpx;
    }
  }
  .overview_box {
    width: 100%;
    height: fit-content;
    position: relative;
    margin-top: 32rpx;
    .top {
      width: 100%;
      height: fit-content;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 30rpx 0 32rpx;
      box-sizing: border-box;
      .title {
        width: 160rpx;
        height: 72rpx;
        font-size: 40rpx;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #000000;
        line-height: 72rpx;
      }
      .time {
        height: 56rpx;
        background: #ffffff;
        border-radius: 28rpx;
        padding: 4rpx 24rpx 4rpx 32rpx;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        .text {
          height: 48rpx;
          font-size: 26rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #000000;
          line-height: 48rpx;
        }
        .arrow_down {
          width: 48rpx;
          height: 48rpx;
        }
      }
    }
    .area_tabs {
      width: 100%;
      height: 72rpx;
      background: #f5f5f5;
      padding: 8rpx 30rpx 8rpx 32rpx;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 16rpx;
      background: #ffffff;
      .tabs {
        flex: 1;
        height: 72rpx;
        display: flex;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        .tab {
          height: 56rpx;
          font-size: 28rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.5);
          display: inline-block;
          line-height: 56rpx;
          &.activeTab {
            // height: 72rpx;
            color: rgba(0, 0, 0, 0.85);
            position: relative;
            &::after {
              width: 36rpx;
              height: 8rpx;
              background: #007aff;
              border-radius: 6px;
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translate(-50%);
              content: '';
            }
          }
          &:not(:last-of-type) {
            margin-right: 32rpx;
          }
        }
      }
      .img {
        width: 56rpx;
        height: 56rpx;
      }
    }
  }
}